<%-- 
    Document   : usertemplate
    Created on : Sep 27, 2012, 2:51:13 PM
    Author     : MinhThang
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
  <title>National Level Paper Presentation</title>
  <meta name="description" content="website description" />
  <meta name="keywords" content="website keywords, website keywords" />
  <meta http-equiv="content-type" content="text/html; charset=windows-1252" />
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine&amp;v1#" />
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" />
  <link rel="stylesheet" type="text/css" href="style/style.css" />

  <script>
    function trim(s)
    {
        return s.replace( /^\s*/, "" ).replace( /\s*$/, "" );
    }

    function validate()
    {
        if(trim(document.loginForm.txtUserName.value)=="")
        {
          alert("Login empty");
          document.loginForm.txtUserName.focus();
          return false;
        }
        else if(trim(document.loginForm.txtPassword.value)=="")
        {
          alert("password empty");
          document.loginForm.loginForm.focus();
          return false;
        }
    }
</script>

</head>
<body>
  <div id="main">
    <div id="header">
      <div id="logo">
        <!--<h1>Group<a href="#">_183</a></h1>-->
        <div class="slogan"></div>
      </div>
      <div id="menubar">
        <ul id="menu">
          <!-- put class="current" in the li tag for the selected page - to highlight which page you're on -->
          <li class="current"><a href="#">Home</a></li>
          <li><a href="#">News</a></li>
          <li><a href="#">Workshop</a></li>
          <li><a href="#">Contact us</a></li>
          <li><a href="#">Register</a></li>
        </ul>
      </div>
    </div>
    <div id="site_content">
      <div id="sidebar_container">
        <img class="paperclip" src="style/paperclip.png" alt="paperclip" />
        <div class="sidebar">
            <%
                if( session.getAttribute("UserID")!=null)
                {
            %>
            <h4 class="user">Welcome <%= session.getAttribute("UserID").toString() %>. </h4><a href="#">Logout</a>
                <%
                }else
                {
                %>
                    <h3>Login</h3>
                    <form name="loginForm" onsubmit="return validate();">
                        <table style="width: 100%">
                            <tr>
                                <td>UserName</td>
                                <td><input type="text" name="txtUserName" /></td>
                            </tr>
                            <tr>
                                <td>Password</td>
                                <td><input type="password" name="txtPassword" /></td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="submit" value="Login" name="btLogin" style="width: 80px"/>
                                </td>
                            </tr>
                        </table>
                    </form>
                <%
                }
                %>
        </div>
        <img class="paperclip" src="style/paperclip.png" alt="paperclip" />
        <div class="sidebar">
            <h3>Speakers</h3>
          content bar
        </div>
        <img class="paperclip" src="style/paperclip.png" alt="paperclip" />
        <div class="sidebar">
            <h3>Student of month</h3>
          content bar
        </div>
        <img class="paperclip" src="style/paperclip.png" alt="paperclip" />
        <div class="sidebar">
            <h3>Online support</h3>
          content bar
        </div>
      </div>
      <div id="content">
          content
      </div>
    </div>
    <div id="footer">
      <p>Eproject &copy; Group_183 | National Level Paper Presentation </p>
    </div>
  </div>
</body>
</html>
